import { defineConfig, presetUno } from 'unocss'

export default defineConfig({
  presets: [
    presetUno()
  ],
  shortcuts: {
    'btn': 'px-4 py-2 rounded inline-block bg-blue-500 text-white cursor-pointer hover:bg-blue-600 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50',
    'btn-primary': 'btn bg-blue-500 hover:bg-blue-600',
    'btn-secondary': 'btn bg-gray-500 hover:bg-gray-600',
    'btn-success': 'btn bg-green-500 hover:bg-green-600',
    'btn-danger': 'btn bg-red-500 hover:bg-red-600',
    'btn-warning': 'btn bg-yellow-500 hover:bg-yellow-600',
    'input': 'px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent',
    'card': 'bg-white rounded-lg shadow-md p-6',
    'sidebar-item': 'flex items-center px-4 py-3 text-gray-700 hover:bg-gray-100 hover:text-blue-600 cursor-pointer transition-colors duration-200',
    'sidebar-item-active': 'sidebar-item bg-blue-50 text-blue-600 border-r-2 border-blue-600'
  }
})